// console.log("hello world");

// let a = 10;

// console.log( a );

// class Foo{
//       constructor(){
//             this.a = 20;
//       }
// }

// let f = new Foo();

// console.log( f.a );

// (function(){

// })();

// function mouseover() {
// 	document.getElementById('xianshi').style.display='inline'; 
// }
// function mouseout() {
// 	document.getElementById('xianshi').style.display='none'; 
// }

// function getTime(obj) {
// 	setInterval(function() {
// 		var a = new Date('2019/05/01 00:00:00');; //结束时间
// 		var b = new Date().getTime(); //现在的时间
// 		var d = 0,
// 			s = 0,
// 			h = 0,
// 			m = 0;
// 		var is = obj.getElementsByTagName("i")
// 		d = Math.floor((a - b) / 1000 / 60 / 60 / 24);
// 		h = Math.floor((a - b) / 1000 / 60 / 60 % 24);
// 		m = Math.floor((a - b) / 1000 / 60 % 60);
// 		s = Math.floor((a - b) / 1000 % 60);
// 		is[0].innerHTML = d;
// 		is[1].innerHTML = h;
// 		is[2].innerHTML = m;
// 		is[3].innerHTML = s;
// 	}, 0);
// }

// function getALLnum() {
// 	var num = getGoodsCookies(function(_name, obj) {});
// 	return num;
// }
// $(".gow").html(getALLnum());

// //判断用户是否登录
// var div = $("<div></div>");
// $(".hello").append(div);
// div.addClass("hello2");
// var img = $("<img>");
// div.append(img);
// img.attr("src", "img/mrtx.jpg");
// var u = getCookie("user1");
// var h6 = $("<h6></h6>");
// div.append(h6);
// h6.html("hi!" + u[0][0] + "欢迎登录");
// var str = getCookie("succ_login");
// var back = $("#tuichu");
// if(str == "") {
// 	$(".hello1").stop().show();
// 	$(".hello2").stop().hide();
// 	back.html("请登录");
// 	back.attr("href","login.html");
// } else {
// 	$(".hello2").stop().show();
// 	$(".hello1").stop().hide();
// 	back.html("退出");
// 	back.click(function() {
// 		setCookie("user1","",-1);
// 		back.attr("href","");
// 		$(".hello1").stop().show();
// 		$(".hello2").stop().hide();
// 		back.html("请登录");
		
// 	});
// }


window.addEventListener( "load" , () => {
	// 获取到cookie之中的ID和TOKEN
	class Index{
		  constructor(){
				this.init();
		  }
		  init(){
				// 选择元素 : 
				this.user_dropdown = document.getElementById("userDropdown");
				this.login_btn = document.getElementById("loginBtn");
				// 选择用户名元素; 
				this.nickname = document.getElementById("nickname");

				// 获取cookie数据 ID , TOKEN 
				this.ID = cookie("ID");
				this.TOKEN = cookie("TOKEN");

				if( this.ID.length > 0 && this.TOKEN.length > 0  ){
					  this.user_dropdown.style.display = "flex";
					  // 存在免登录信息; 
					  this.getUserInfo();
				}else{
					  // 没有登录信息，展示登录按钮; 
					  this.login_btn.style.display = "flex";
				}
		  }
		  async getUserInfo(){
				let options = {
					  url : "http://localhost:8888/users/info/" + this.ID ,
					  headers : {
							"authorization" : this.TOKEN
					  },
					  dataType : "json",
					  // 这个选项可以携带跨域cookie，但是这个跨域cookie需要服务端的额外配置; 
					  // credentials :  true
				};
				// 我们一般情况下和后端约定的token交互方式是在请求头的authorization字段之中放入token; 
				let res = await ajax(options);
				this.nickname.innerHTML = res.info.nickname;
		  }
	}
	new Index;
});
